
function showBox() {
	var whois = 0
	var children = $('.panel')
	var isScroll = true
	$(window).mousewheel(function(event) {
   if (event.deltaY < 0) {
   	if (whois === children.length-1 && isScroll) {
   		isScroll = false
   		$(children[children.length-1]).fadeOut(200,function() {
   			whois = -1
	   		whois++
		   	$(children[whois]).fadeIn(800,function() {
					$(children[whois]).siblings().css('display','none')
				})
	   	})
   		setTimeout(() => {
	      isScroll = true
	    }, 1500)
   	} else if(isScroll){
   		isScroll = false
   		whois++
	   	$(children[whois]).fadeIn(800,function() {
				$(children[whois]).siblings().css('display','none')
			})
	   	setTimeout(() => {
	      isScroll = true
	    }, 1500)
   	}
   } else {
   	if (whois === 0 && isScroll) {
   		isScroll = false
   		whois = children.length - 1
   		$(children[whois]).fadeOut(200,function() {
		   	$(children[whois]).fadeIn(800,function() {
					$(children[whois]).siblings().css('display','none')
				})
	   	})
   		setTimeout(() => {
	      isScroll = true
	    }, 1500)
   	}else if(isScroll){
   		isScroll = false
	   	$(children[whois]).fadeOut(200,function() {
	   		whois--
		   	$(children[whois]).fadeIn(800,function() {
					$(children[whois]).siblings().css('display','none')
				})
	   	})
	   	setTimeout(() => {
	      isScroll = true
	    }, 1500)
	   }
   	}
	});
}

$(document).ready(function(){ 
	showBox()
})




